<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="common/top"></div>
<div id="Content">
    <div id="Login" align="center">
        <form action="/account/editAccount" method="post" th:object="${account}">

            <h3>User Information</h3>

            <table>
                <tr>
                    <td>User ID:</td>
                    <td th:text="*{username}">UserName</td>
                </tr>
                <tr>
                    <td>New password:</td>
                    <td><input type="password" th:field="*{password}" name="password" onblur="getPsd()" placeholder="Please enter password"/></td>
                </tr>
                <tr>
                    <td>Repeat password:</td>
                    <td><input type="password" name="repeatedPassword" id="confirm" onblur="checkPassword()" placeholder="Repeat password"/></td>
                </tr>
                <tr>
                    <td th:text="${msg}"></td>
                    <td></td>
                </tr>
            </table>
            <div th:replace="account/include_account_fields::fields"></div>

            <input type="submit" name="editAccount" value="Save Account Information"/>

        </form>

        <a href="/order/viewOrderList">My Orders</a>
    </div>

</div>
<div th:replace="common/bottom"></div>
</body>
</html>